<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />

    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../../css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../../css/view/global.css" rel="stylesheet">
    <!--<link href="../../css/view/template.css" rel="stylesheet">-->
    <link rel="stylesheet" href="../../css/view/community/community-service.css">
    <link rel="stylesheet" href="../../css/view/communityHealth.css">
    <link rel="stylesheet" href="../../css/view/main/shopInfo.css">
</head>

<body class="white-bg">
<div class="container-box">
    <div class="page-title">
        <div class="blue-bg-circle themeBgColor"></div>
        <div class="title">商品管理</div>
    </div>

    <!--商品管理-->
    <div class="item-box">
        <div class="item-business-box">
            <div class="third-title">
                <div class="border-left themeBgColor"></div>
                <div class="text">商品</div>
            </div>
            <div class="add-business themeColor" data-toggle="modal" data-target="#GoodsModal" data-type="1">
                添加商品
            </div>
            <div class="line"></div>
            <div class="business-list">
                <div class="border-left themeBgColor"></div>
                <div class="four-title">商品列表</div>
            </div>
            <!--<div class="screen">-->
                <!--<div class="sortAre">-->
                    <!--<div class="sortItemAre" data-type="time">-->
                        <!--<div class="timeTxt">时间</div>-->
                        <!--<img src="../../img/community-service/upBlue.png" id="timeImg"/>-->
                    <!--</div>-->
                    <!--<div class="sortItemAre" data-type="price">-->
                        <!--<div class="priceTxt">价格</div>-->
                        <!--<img src="../../img/community-service/up.png" id="priceImg"/>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="search">-->
                    <!--<div id="searchTxt">搜索商品名称</div>-->
                    <!--<input type="text" class="search-box">-->
                <!--</div>-->
            <!--</div>-->
            <div class="table-box">
                <table class="table table-striped">
                    <thead class="themeBgColor">
                        <tr>
                            <th>商品图片</th>
                            <th>商品名称</th>
                            <th>商品简介</th>
                            <th>商品价格</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="goodsList">

                    </tbody>
                </table>
                <div id="page" class="page_div"></div>
            </div>
        </div>
    </div>




<!-- Modal Add GoodsModal-->
<div class="modal fade" id="GoodsModal" tabindex="-1" role="dialog" aria-labelledby="classModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="GoodsModalLabel">添加商品</h4>
            </div>
            <div class="modal-body" style="height:500px;overflow-y:scroll;">
                <input type="hidden" id="operation_type">
                <input type="hidden" id="product_id">
                <div class="form-group">
                    <label for="goodsName">商品名称：</label>
                    <input type="text" class="form-control"  placeholder="请输入商品名称" id="goodsName">
                </div>
                <div class="form-group">
                    <label for="goodsPrice">商品价格（元）：</label>
                    <input type="number" class="form-control"  placeholder="请输入商品价格" id="goodsPrice">
                </div>
                <div class="form-group">
                    <label for="goodsDw">商品单位：</label>
                    <input type="text" class="form-control"  placeholder="请输入商品单位" id="goodsDw">
                </div>
                <div class="form-group">
                    <label for="goodsGg">商品规格：</label>
                    <input type="text" class="form-control"  placeholder="请输入商品规格" id="goodsGg">
                </div>
                <div class="form-group">
                    <label for="goodsDesc">商品简介：</label>
                    <input type="text" class="form-control"  placeholder="请输入商品简介" id="goodsDesc">
                </div>
                <div class="add-banner-btn" style="margin-top: 20px">
                    <input type="file" accept="image/*" class="file-input" id="goods-img-select">
                    <input type="hidden" id="goods-img-url">
                    <div class="select-img themeBgColor">选择商品缩略图</div>
                </div>
                <div class="preview-class-img" id="goods-img-show">
                    <div>图片预览</div>
                </div>
                <!--<div class="add-banner-btn" style="margin-top: 20px">-->
                    <!--<input type="file" accept="image/*" class="file-input" multiple="multiple" id="content-img-select">-->
                    <!--<input type="hidden" id="upType">-->
                    <!--<input type="hidden" id="goodsId">-->
                    <!--<div class="select-img themeBgColor">选择商品展示图集</div>-->
                    <!--<div class="btn themeBgColor" id="upload-content-img">-->
                        <!--图片上传-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="themeColor">(建议图片尺寸为：750px * 530px)</div>-->
                <!--<div class="preview-content-img" id="content-img-show">-->
                    <!--<div class="old"></div>-->
                    <!--<div class="new"></div>-->
                <!--</div>-->

                <!--<div class="add-banner-btn" style="margin-top: 20px">-->
                    <!--<input type="file" accept="image/*" class="file-input" multiple="multiple" id="content-img-select2">-->
                    <!--<div class="select-img themeBgColor">选择商品详情图集</div>-->
                    <!--<div class="btn themeBgColor" id="upload-content-img2">-->
                        <!--图片上传-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="preview-content-img2" id="content-img-show2">-->
                    <!--<div class="old"></div>-->
                    <!--<div class="new"></div>-->
                <!--</div>-->
                <!--<div class="classAre">-->
                    <!--<label >选择分类：</label>-->
                    <!--<div class="add-class-box" id="add-shop-class-box">-->
                        <!--<div class="checkbox">-->
                            <!--<label>-->
                                <!--<input type="checkbox"> Check me out-->
                            <!--</label>-->
                        <!--</div>-->

                    <!--</div>-->
                </div>
                <div class="parameterAre">
                    <!--<div>参数：</div>-->
                    <!--<div class="parameterItemAre">-->
                        <!---->
                    <!--</div>-->
                    <!--<div class="parameterBtnAre">-->
                        <!--<div class="btn parameterBtn" id="parameterBtn">-->
                            <!--添加-->
                        <!--</div>-->
                        <!--<div class="btn parameterBtn" id="parameterDelBtn" style="margin-left: 20px;display: none">-->
                            <!--删除-->
                        <!--</div>-->
                    <!--</div>-->
                </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn themeBgColor" id="submit_btn">确认</button>
            </div>
            </div>

        </div>
    </div>
</div>


<!-- 全局js -->
<script src="../../js/jquery.min.js?v=2.1.4"></script>
<script src="../../js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../js/plugins/jeditable/jquery.jeditable.js"></script>

<!--paging-->
<script src="../../js/my-js/paging.js"></script>
<!-- 自定义js -->
<script src="../../js/my-js/global.js"></script>
<script src="../../js/view/main/goods.js"></script>
</body>

</html>
